<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>查看员工个人信息</title>
    <link type="text/css" rel="stylesheet" href="/css/index.css"/>
    <script type="text/javascript" src="/js/vue.js"></script>
    <script type="text/javascript" src="/js/index.js"></script>
    <script type="text/javascript" src="/js/axios.min.js"></script>
    <script type="text/javascript" src="/js/qs.min.js"></script>
    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
</head>
<body>
<div id="app">
    <el-card class="box-card" >
                <div class="st_1">
                    <div class="st_1d"><img  :src="empinfo.hardUrl" height="150px" width="125px" border="0"></div>
                    <div class="st_1e">
                        <div class="st_1et">
                            <h3>姓&nbsp;&nbsp;名:</h3>
                            <p>{{empinfo.name}}</p>
<!--                            <div class="st_1et2">-->
<!--                                <input class="form-control" style="border: none;color:#00BCD5;font-size:16px;background-color: transparent;" v-model="empinfo.name" readonly="readonly">-->
<!--                                <tr>-->
<!--                                    <td>{{empinfo.name}}</td>-->
<!--                                </tr>-->
<!--                            </div>-->
<!--                            <div class="st_1et3"></div>-->
                        </div>
                        <div class="st_1et">
                            <h3 class="st_1et1">学&nbsp;&nbsp;历:</h3>
<!--                            <div class="st_1et2">-->
<!--                                <input class="form-control" style="border: none; color:#00BCD5 ;font-size:16px;background-color: transparent" v-model="empinfo.education" readonly="readonly">-->
<!--                                <tr>-->
                                    <p>{{empinfo.education}}</p>
<!--                                </tr>-->
<!--                            </div>-->
<!--                            <div class="st_1et3"></div>-->
                        </div>
                        <div class="st_1et">
                            <h3 class="st_1et1">专业方向:</h3>
<!--                            <div class="st_1et2">-->
<!--                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent; width: 400px" v-model="empinfo.major" readonly="readonly">-->
<!--                                <tr>-->
                                    <p>{{empinfo.major}}</p>
<!--                                </tr>-->
<!--                            </div>-->
<!--                            <div class="st_1et3"></div>-->
                        </div>
                        <div class="st_1et">
                            <h3 class="st_1et1">电&nbsp;&nbsp;话:</h3>
<!--                            <div class="st_1et2">-->
<!--&lt;!&ndash;                                <input class="form-control" style="border: none; color:#00BCD5;font-size:16px;background-color: transparent; width: 400px" v-model="empinfo.phone" readonly="readonly">&ndash;&gt;-->
<!--                                <tr>-->
                                    <p>{{empinfo.phone}}</p>
<!--                                </tr>-->
<!--                            </div>-->
<!--                            <div class="st_1et3"></div>-->
                        </div>
                    </div>
                    <div class="st_1c"></div>
                </div>
                <div class="st_2"></div>
                <div class="mt_2a6"></div>
                <h3 class="mt_2a5_s">个人介绍:</h3>
<!--                <span class="urls6g">-->
<!--&lt;!&ndash;                    <textarea class="form-control" style="height: 125px;width: 800px;resize: none;border: none;background-color: transparent" v-model="empinfo.introduction" readonly="readonly"></textarea>&ndash;&gt;-->
<!--                    <tr>-->
                        <p>{{empinfo.introduction}}</p>
<!--                    </tr>-->
<!--                </span><br><br>-->
<!--                <div class="mt_2a6"></div>-->
                <h3 class="mt_2a5_s">主要成果:</h3>
                <span class="urls6g">
<!--                    <textarea class="form-control" style="height: 125px;width: 800px;resize: none;border: none;background-color: transparent" v-model="empinfo.prize" readonly="readonly"></textarea>-->
<!--                    <tr>-->
                        <p>{{empinfo.prize}}</p>
<!--                    </tr>-->
                </span><br><br>
    </el-card>
</div>

<script>

    var id = window.location.href.split("=")[1];
    $.get("/SectionAndAdmin/selectByid",{id:id},function (backData) {
        app.empinfo = backData.data;
    });

    var app = new Vue ({

        el:"#app",
        data:{

            empinfo:{}

        },
        methods:{
            handleChange(val) {
                console.log(val);
            },
        }

    });

</script>
</body>
<style type="text/css">
    #app{
        border: 1px solid #DCDFE6;
        width: 60%;

        margin: 30px auto;
        padding: 35px 35px 15px 35px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: 0 0 25px #909399;

    .box-card {
        width: 100%;
        margin-bottom: 20px;
    }
</style>
</html>